<!-- lk度量 -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Xoxo - Blog & Magazine HTML Template Quote</title>
    <!--================= Favicon =================-->
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="assets/picture/logo.svg"
    />
    <!--================= Magnific Popup CSS =================-->
    <link rel="stylesheet" href="assets/css/magnific.popup.css" />
    <!--================= Base CSS =================-->
    <link rel="stylesheet" href="assets/css/base.css" />
    <!--================= Inline CSS =================-->
    <link rel="stylesheet" href="assets/css/inline.css" />
    <!--================= Fontello CSS =================-->
    <link rel="stylesheet" href="assets/css/fontello.css" />
    <!--================= Widgets CSS =================-->
    <link rel="stylesheet" href="assets/css/widgets.css" />
    <!--================= Swiper CSS =================-->
    <link rel="stylesheet" href="assets/css/swiper.css" />
    <!--================= Style CSS =================-->
    <link rel="stylesheet" href="assets/css/style.css" />
    <!--================= Element-UI CSS =================-->
    <link rel="stylesheet" href="assets/css/element-ui.css" />
  </head>

  <body>
    <div id="app">
      <!--================= Header One Start =================-->
      <!--================= Sticky Menu Start Here =================-->
      <div class="xoxo_fn_stickynav ajax_enable">
        <div class="progress"></div>
        <div class="container">
          <div class="transform_hedaer">
            <div class="sticky_header">
              <div class="xoxo_fn_nav sticky_nav">
                <div class="menu">
                  <div class="menu-main-menu-container">
                    <ul class="xoxo_fn_main_nav">
                      <li
                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-117 current_page_item current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-130"
                      >
                        <a href="index.html">
                          <span>
                            <span>Home</span>
                            <span class="suffix">//</span>
                          </span>
                        </a>
                      </li>
                      <li class="menu-item">
                        <a href="#">
                          <span>
                            <span>Introduction</span>
                            <span class="suffix">//</span>
                          </span>
                        </a>
                      </li>
                      <li class="menu-item menu-item-has-children">
                        <a href="">
                          <span>
                            <span>Metrics</span>
                            <span class="suffix">//</span>
                          </span>
                        </a>
                        <ul class="sub-menu">
                          <li class="menu-item">
                            <a href="metric-fp.html"
                              ><span
                                ><span>功能点度量</span
                                ><span class="suffix">//</span></span
                              ></a
                            >
                          </li>
                          <li class="menu-item">
                            <a href="metric-ucp.html"
                              ><span
                                ><span>用例点度量</span
                                ><span class="suffix">//</span></span
                              ></a
                            >
                          </li>
                          <li class="menu-item">
                            <a href="metric-cc.html"
                              ><span
                                ><span>圈复杂度度量</span
                                ><span class="suffix">//</span></span
                              ></a
                            >
                          </li>
                          <li class="menu-item">
                            <a href="metric-ck.html"
                              ><span
                                ><span>CK度量</span
                                ><span class="suffix">//</span></span
                              ></a
                            >
                          </li>
                          <li class="menu-item">
                            <a href="metric-lk.html"
                              ><span
                                ><span>LK度量</span
                                ><span class="suffix">//</span></span
                              ></a
                            >
                          </li>
                          <li class="menu-item">
                            <a href="metric-loc.html"
                              ><span
                                ><span>代码行度量</span
                                ><span class="suffix">//</span></span
                              ></a
                            >
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <a href="contact.html">
                          <span>
                            <span>About</span>
                            <span class="suffix">//</span>
                          </span>
                        </a>
                      </li>
                    </ul>
                  </div>
                  <div class="more">
                    <a href="#0">
                      <span>More...</span>
                    </a>
                    <ul class="sub-menu">
                      <!-- Comes from JS -->
                    </ul>
                  </div>
                </div>
                <div class="icon_bar">
                  <div class="icon_bar__item icon_bar__home">
                    <a href="#0">
                      <svg
                        xmlns="http://www.w3.org/2000/svg"
                        version="1.0"
                        width="512.000000pt"
                        height="429.000000pt"
                        viewbox="0 0 512.000000 429.000000"
                        preserveaspectratio="xMidYMid meet"
                        class="fn__svg replaced-svg"
                      >
                        <g
                          transform="translate(0.000000,429.000000) scale(0.100000,-0.100000)"
                          stroke="none"
                        >
                          <path
                            d="M1335 3349 c-671 -517 -1246 -960 -1277 -984 l-58 -45 177 -229 177 -230 35 28 c20 16 516 398 1104 849 l1067 821 1068 -821 c587 -451 1083 -833 1103 -849 l35 -28 176 229 176 228 -21 20 c-12 10 -176 137 -364 282 l-343 262 0 464 0 464 -367 -2 -368 -3 -3 -172 c-1 -95 -5 -173 -8 -173 -3 0 -248 187 -544 415 -297 228 -541 415 -542 414 -2 0 -552 -423 -1223 -940z"
                          ></path>
                          <path
                            d="M1678 2502 l-878 -676 0 -908 0 -908 705 0 705 0 0 665 0 665 380 0 380 0 0 -665 0 -665 675 0 675 0 0 908 0 908 -876 675 c-482 371 -880 675 -883 676 -3 1 -401 -303 -883 -675z"
                          ></path>
                        </g>
                      </svg>
                    </a>
                  </div>
                  <div class="icon_bar__item icon_bar__share">
                    <a href="#">
                      <svg
                        xmlns="http://www.w3.org/2000/svg"
                        version="1.0"
                        width="428.000000pt"
                        height="470.000000pt"
                        viewbox="0 0 428.000000 470.000000"
                        preserveaspectratio="xMidYMid meet"
                        class="fn__svg replaced-svg"
                      >
                        <g
                          transform="translate(0.000000,470.000000) scale(0.100000,-0.100000)"
                          stroke="none"
                        >
                          <path
                            d="M3308 4690 c-31 -5 -84 -16 -118 -25 -361 -93 -630 -450 -618 -818 l3 -97 -573 -382 c-408 -272 -577 -379 -586 -373 -204 155 -375 212 -600 202 -141 -7 -208 -23 -331 -81 -248 -117 -422 -348 -470 -621 -19 -110 -19 -180 0 -290 61 -346 328 -621 674 -690 101 -21 291 -16 386 10 83 22 231 96 293 144 28 23 55 41 59 41 4 0 264 -171 577 -379 l569 -379 -2 -94 c-5 -218 74 -417 229 -581 118 -125 252 -205 415 -248 112 -29 298 -30 410 0 300 78 533 307 621 611 29 100 27 337 -4 443 -83 287 -300 506 -587 593 -79 24 -108 27 -230 28 -116 0 -153 -3 -218 -22 -181 -52 -323 -142 -439 -280 l-36 -43 -535 356 -534 357 20 61 c30 90 30 344 0 434 l-20 61 533 356 534 356 72 -75 c418 -441 1146 -315 1393 242 67 149 88 372 51 526 -91 378 -403 640 -787 661 -52 2 -120 1 -151 -4z"
                          ></path>
                        </g>
                      </svg>
                    </a>
                    <div class="xoxo_fn_social_list">
                      <ul>
                        <li>
                          <a href="#" target="_blank">
                            <svg
                              xmlns="http://www.w3.org/2000/svg"
                              version="1.0"
                              width="512.000000pt"
                              height="512.000000pt"
                              viewbox="0 0 512.000000 512.000000"
                              preserveaspectratio="xMidYMid meet"
                              class="fn__svg replaced-svg"
                            >
                              <g
                                transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
                                stroke="none"
                              >
                                <path
                                  d="M2960 5104 c-394 -57 -704 -271 -868 -599 -118 -238 -142 -383 -142 -876 l0 -349 -339 0 c-188 0 -351 -4 -364 -9 -14 -6 -35 -20 -46 -32 -21 -22 -21 -29 -21 -483 0 -422 2 -463 18 -482 34 -43 47 -44 406 -44 l346 0 0 -1080 0 -1080 29 -32 29 -33 466 -3 c411 -2 470 -1 497 13 62 32 59 -18 59 1150 l0 1065 400 0 c288 0 406 3 425 12 55 25 55 29 55 517 l0 451 -29 32 -29 33 -412 3 -411 3 3 323 3 322 30 59 c33 64 88 107 162 127 21 6 169 12 328 14 160 3 301 7 313 10 13 3 35 17 48 31 l24 26 0 432 c0 424 0 432 -21 454 -11 12 -32 26 -46 32 -40 15 -801 9 -913 -7z"
                                ></path>
                              </g>
                            </svg>
                          </a>
                        </li>
                        <li>
                          <a href="#" target="_blank">
                            <svg
                              xmlns="http://www.w3.org/2000/svg"
                              version="1.0"
                              width="512.000000pt"
                              height="512.000000pt"
                              viewbox="0 0 512.000000 512.000000"
                              preserveaspectratio="xMidYMid meet"
                              class="fn__svg replaced-svg"
                            >
                              <g
                                transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
                                stroke="none"
                              >
                                <path
                                  d="M3367 4624 c-408 -74 -731 -372 -838 -776 -19 -69 -23 -110 -23 -248 -1 -91 2 -184 7 -208 l7 -44 -67 7 c-441 40 -797 141 -1152 326 -328 171 -669 440 -878 691 -32 38 -62 67 -67 65 -6 -2 -27 -42 -48 -90 -144 -325 -117 -700 70 -992 55 -85 145 -186 218 -244 l75 -61 -41 0 c-88 0 -271 50 -370 100 -21 11 -43 20 -47 20 -14 0 4 -183 27 -271 91 -345 347 -618 688 -732 56 -19 96 -37 88 -40 -45 -17 -193 -29 -308 -25 l-130 6 7 -26 c11 -44 85 -184 131 -248 176 -248 465 -418 747 -441 42 -3 77 -9 77 -14 0 -16 -224 -155 -361 -223 -312 -155 -621 -222 -984 -214 l-185 4 52 -33 c77 -48 309 -165 413 -208 561 -233 1216 -286 1834 -149 909 202 1658 834 2036 1719 161 378 242 750 251 1150 l3 180 73 58 c92 75 196 174 275 262 67 76 165 207 159 212 -2 2 -32 -8 -67 -22 -133 -54 -440 -132 -486 -123 -11 2 -3 12 26 31 76 50 211 189 268 275 50 74 123 221 123 247 0 6 -61 -20 -136 -57 -136 -66 -313 -130 -451 -163 l-73 -17 -61 56 c-234 217 -571 316 -882 260z"
                                ></path>
                              </g>
                            </svg>
                          </a>
                        </li>
                        <li>
                          <a href="#" target="_blank">
                            <svg
                              xmlns="http://www.w3.org/2000/svg"
                              version="1.0"
                              width="512.000000pt"
                              height="512.000000pt"
                              viewbox="0 0 512.000000 512.000000"
                              preserveaspectratio="xMidYMid meet"
                              class="fn__svg replaced-svg"
                            >
                              <g
                                transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
                                stroke="none"
                              >
                                <path
                                  d="M2365 5114 c-266 -29 -428 -61 -617 -125 -759 -253 -1364 -859 -1617 -1617 -223 -667 -157 -1424 175 -2025 259 -469 649 -848 1106 -1074 59 -29 110 -53 113 -53 3 0 5 48 5 108 0 155 18 330 46 462 13 63 93 405 177 760 l153 645 -22 55 c-78 192 -76 505 5 693 51 118 161 240 256 283 139 64 305 46 398 -44 81 -78 117 -173 117 -307 0 -105 -23 -207 -113 -515 -102 -346 -105 -356 -116 -427 -20 -126 19 -244 110 -335 158 -158 442 -155 658 8 146 110 293 352 370 614 57 190 75 330 76 580 0 201 -2 234 -22 307 -93 346 -333 585 -678 673 -231 59 -534 54 -767 -14 -427 -124 -760 -508 -833 -959 -20 -120 -19 -298 1 -395 19 -94 78 -223 138 -303 63 -83 64 -102 23 -258 -49 -186 -74 -208 -184 -157 -211 99 -361 292 -437 563 -40 142 -50 227 -50 408 0 184 16 290 70 451 103 310 337 616 627 821 331 234 859 359 1318 313 289 -30 545 -121 783 -280 315 -211 527 -516 614 -884 24 -102 26 -129 26 -321 0 -290 -34 -501 -119 -745 -137 -391 -395 -701 -720 -863 -212 -105 -518 -146 -725 -97 -159 39 -321 137 -400 243 -30 40 -36 44 -42 28 -3 -10 -45 -169 -92 -353 -47 -184 -99 -374 -117 -424 -34 -98 -116 -267 -179 -369 -22 -36 -40 -69 -40 -73 0 -5 48 -20 108 -35 550 -136 1136 -87 1644 138 787 349 1359 1084 1492 1916 67 422 35 854 -94 1240 -308 919 -1115 1592 -2070 1724 -111 15 -473 28 -555 19z"
                                ></path>
                              </g>
                            </svg>
                          </a>
                        </li>
                        <li>
                          <a href="#" target="_blank">
                            <svg
                              xmlns="http://www.w3.org/2000/svg"
                              version="1.0"
                              width="512.000000pt"
                              height="512.000000pt"
                              viewbox="0 0 512.000000 512.000000"
                              preserveaspectratio="xMidYMid meet"
                              class="fn__svg replaced-svg"
                            >
                              <g
                                transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
                                stroke="none"
                              >
                                <path
                                  d="M1218 5109 c-167 -20 -364 -85 -514 -170 -388 -223 -644 -611 -693 -1052 -15 -133 -15 -2521 0 -2654 71 -643 579 -1151 1222 -1222 133 -15 2521 -15 2654 0 643 71 1151 579 1222 1222 15 133 15 2521 0 2654 -71 643 -579 1151 -1222 1222 -118 13 -2554 13 -2669 0z m2892 -671 c150 -45 265 -177 290 -334 30 -185 -83 -378 -261 -445 -152 -58 -333 -17 -443 101 -231 247 -88 646 249 693 40 5 121 -2 165 -15z m-1366 -493 c309 -41 577 -174 802 -399 550 -550 550 -1422 0 -1972 -550 -550 -1422 -550 -1972 0 -550 550 -550 1422 0 1972 315 314 734 457 1170 399z"
                                ></path>
                                <path
                                  d="M3965 4153 c-32 -8 -74 -54 -81 -89 -8 -46 19 -98 63 -119 46 -22 91 -13 128 25 45 47 36 130 -18 164 -27 17 -65 25 -92 19z"
                                ></path>
                                <path
                                  d="M2394 3645 c-233 -36 -441 -142 -609 -310 -431 -430 -431 -1120 0 -1550 430 -431 1120 -431 1550 0 431 430 431 1120 0 1550 -249 249 -597 364 -941 310z"
                                ></path>
                              </g>
                            </svg>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="icon_bar__item icon_bar__search">
                    <a href="#">
                      <svg
                        xmlns="http://www.w3.org/2000/svg"
                        version="1.0"
                        width="488.000000pt"
                        height="488.000000pt"
                        viewbox="0 0 488.000000 488.000000"
                        preserveaspectratio="xMidYMid meet"
                        class="fn__svg replaced-svg"
                      >
                        <g
                          transform="translate(0.000000,488.000000) scale(0.100000,-0.100000)"
                          stroke="none"
                        >
                          <path
                            d="M2140 4874 c-165 -20 -218 -28 -303 -45 -263 -54 -570 -183 -792 -332 -179 -121 -378 -299 -510 -457 -271 -326 -444 -714 -511 -1150 -22 -142 -25 -488 -6 -630 92 -667 461 -1257 1019 -1631 538 -362 1205 -477 1842 -318 181 45 304 92 501 191 163 82 179 88 235 88 103 -1 126 -17 395 -284 216 -214 253 -246 310 -271 57 -26 77 -30 160 -30 86 0 101 3 162 32 89 42 151 101 191 182 30 62 32 72 32 176 0 104 -2 114 -33 180 -29 61 -60 96 -267 305 -258 259 -274 282 -275 385 0 56 6 72 88 235 99 197 146 320 191 501 174 699 17 1434 -427 1994 -78 98 -241 264 -347 353 -312 262 -725 447 -1137 508 -99 14 -446 27 -518 18z m476 -823 c401 -82 743 -312 970 -651 360 -540 333 -1254 -66 -1769 -306 -393 -781 -612 -1274 -587 -700 35 -1268 524 -1418 1220 -18 85 -22 133 -21 296 0 170 3 210 25 310 63 286 195 534 397 744 251 259 562 412 941 460 85 11 348 -3 446 -23z"
                          ></path>
                        </g>
                      </svg>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--================= Sticky Menu End Here =================-->

      <!--================= Header Start Here =================-->
      <header id="xoxo_fn_header">
        <div class="xoxo_fn_header">
          <div class="container">
            <div class="header_top" style="padding-bottom: 0; margin-bottom: 0">
              <span class="wing_left"></span>
              <span class="wing_right"></span>
            </div>
            <!--================= Nav Start =================-->
            <div class="header_bottom">
              <div class="bottom_fixer">
                <div class="xoxo_fn_nav main_nav">
                  <span class="wing"></span>
                  <div class="menu">
                    <div class="menu-main-menu-container">
                      <ul id="menu-main-menu" class="xoxo_fn_main_nav">
                        <li class="menu-item">
                          <!-- <li class="menu-item menu-item-has-children"> -->
                          <a href="index.html">
                            <span>
                              <span>Home</span>
                              <span class="suffix">//</span>
                            </span>
                          </a>
                        </li>
                        <li class="menu-item">
                          <a href="#">
                            <span>
                              <span>Introduction</span>
                              <span class="suffix">//</span>
                            </span>
                          </a>
                        </li>
                        <li class="menu-item menu-item-has-children">
                          <a href="">
                            <span>
                              <span>Metrics</span>
                              <span class="suffix">//</span>
                            </span>
                          </a>
                          <ul class="sub-menu">
                            <li class="menu-item">
                              <a href="metric-fp.html"
                                ><span
                                  ><span>功能点度量</span
                                  ><span class="suffix">//</span></span
                                ></a
                              >
                            </li>
                            <li class="menu-item">
                              <a href="metric-ucp.html"
                                ><span
                                  ><span>用例点度量</span
                                  ><span class="suffix">//</span></span
                                ></a
                              >
                            </li>
                            <li class="menu-item">
                              <a href="metric-cc.html"
                                ><span
                                  ><span>圈复杂度度量</span
                                  ><span class="suffix">//</span></span
                                ></a
                              >
                            </li>
                            <li class="menu-item">
                              <a href="metric-ck.html"
                                ><span
                                  ><span>CK度量</span
                                  ><span class="suffix">//</span></span
                                ></a
                              >
                            </li>
                            <li class="menu-item">
                              <a href="metric-lk.html"
                                ><span
                                  ><span>LK度量</span
                                  ><span class="suffix">//</span></span
                                ></a
                              >
                            </li>
                            <li class="menu-item">
                              <a href="metric-loc.html"
                                ><span
                                  ><span>代码行度量</span
                                  ><span class="suffix">//</span></span
                                ></a
                              >
                            </li>
                          </ul>
                        </li>
                        <li class="menu-item">
                          <a href="#">
                            <span>
                              <span>about</span>
                              <span class="suffix">//</span>
                            </span>
                          </a>
                        </li>
                      </ul>
                    </div>
                    <div class="more">
                      <a href="#">
                        <span>More...</span>
                      </a>
                      <ul class="sub-menu">
                        <!-- Comes from JS -->
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!--================= Nav End =================-->
          </div>
        </div>
      </header>
      <!--================= Header End Here =================-->
      <!--================= Header One End =================-->
      <!--================= Mobile Menu Start Here =================-->
      <div class="xoxo_fn_mobnav">
        <div class="mob_top">
          <div class="logo">
            <div class="fn_logo">
              <a href="">
                <img
                  class="mobile_logo"
                  src="assets/picture/mobile-logo.png"
                  alt="logo"
                />
              </a>
            </div>
          </div>
          <div class="right__triggerr">
            <a class="mobsearch_opener" href="#">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                version="1.0"
                width="488.000000pt"
                height="488.000000pt"
                viewbox="0 0 488.000000 488.000000"
                preserveaspectratio="xMidYMid meet"
                class="fn__svg replaced-svg"
              >
                <g
                  transform="translate(0.000000,488.000000) scale(0.100000,-0.100000)"
                  stroke="none"
                >
                  <path
                    d="M2140 4874 c-165 -20 -218 -28 -303 -45 -263 -54 -570 -183 -792 -332 -179 -121 -378 -299 -510 -457 -271 -326 -444 -714 -511 -1150 -22 -142 -25 -488 -6 -630 92 -667 461 -1257 1019 -1631 538 -362 1205 -477 1842 -318 181 45 304 92 501 191 163 82 179 88 235 88 103 -1 126 -17 395 -284 216 -214 253 -246 310 -271 57 -26 77 -30 160 -30 86 0 101 3 162 32 89 42 151 101 191 182 30 62 32 72 32 176 0 104 -2 114 -33 180 -29 61 -60 96 -267 305 -258 259 -274 282 -275 385 0 56 6 72 88 235 99 197 146 320 191 501 174 699 17 1434 -427 1994 -78 98 -241 264 -347 353 -312 262 -725 447 -1137 508 -99 14 -446 27 -518 18z m476 -823 c401 -82 743 -312 970 -651 360 -540 333 -1254 -66 -1769 -306 -393 -781 -612 -1274 -587 -700 35 -1268 524 -1418 1220 -18 85 -22 133 -21 296 0 170 3 210 25 310 63 286 195 534 397 744 251 259 562 412 941 460 85 11 348 -3 446 -23z"
                  ></path>
                </g>
              </svg>
            </a>
            <a class="mobmenu_opener" href="#">
              <span><span></span></span>
            </a>
          </div>
        </div>
        <div class="mob_bot" style="display: none">
          <div class="xoxo_fn_social_list">
            <ul>
              <li>
                <a href="#" target="_blank">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    version="1.0"
                    width="512.000000pt"
                    height="512.000000pt"
                    viewbox="0 0 512.000000 512.000000"
                    preserveaspectratio="xMidYMid meet"
                    class="fn__svg replaced-svg"
                  >
                    <g
                      transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
                      stroke="none"
                    >
                      <path
                        d="M2960 5104 c-394 -57 -704 -271 -868 -599 -118 -238 -142 -383 -142 -876 l0 -349 -339 0 c-188 0 -351 -4 -364 -9 -14 -6 -35 -20 -46 -32 -21 -22 -21 -29 -21 -483 0 -422 2 -463 18 -482 34 -43 47 -44 406 -44 l346 0 0 -1080 0 -1080 29 -32 29 -33 466 -3 c411 -2 470 -1 497 13 62 32 59 -18 59 1150 l0 1065 400 0 c288 0 406 3 425 12 55 25 55 29 55 517 l0 451 -29 32 -29 33 -412 3 -411 3 3 323 3 322 30 59 c33 64 88 107 162 127 21 6 169 12 328 14 160 3 301 7 313 10 13 3 35 17 48 31 l24 26 0 432 c0 424 0 432 -21 454 -11 12 -32 26 -46 32 -40 15 -801 9 -913 -7z"
                      ></path>
                    </g>
                  </svg>
                </a>
              </li>
              <li>
                <a href="#" target="_blank">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    version="1.0"
                    width="512.000000pt"
                    height="512.000000pt"
                    viewbox="0 0 512.000000 512.000000"
                    preserveaspectratio="xMidYMid meet"
                    class="fn__svg replaced-svg"
                  >
                    <g
                      transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
                      stroke="none"
                    >
                      <path
                        d="M3367 4624 c-408 -74 -731 -372 -838 -776 -19 -69 -23 -110 -23 -248 -1 -91 2 -184 7 -208 l7 -44 -67 7 c-441 40 -797 141 -1152 326 -328 171 -669 440 -878 691 -32 38 -62 67 -67 65 -6 -2 -27 -42 -48 -90 -144 -325 -117 -700 70 -992 55 -85 145 -186 218 -244 l75 -61 -41 0 c-88 0 -271 50 -370 100 -21 11 -43 20 -47 20 -14 0 4 -183 27 -271 91 -345 347 -618 688 -732 56 -19 96 -37 88 -40 -45 -17 -193 -29 -308 -25 l-130 6 7 -26 c11 -44 85 -184 131 -248 176 -248 465 -418 747 -441 42 -3 77 -9 77 -14 0 -16 -224 -155 -361 -223 -312 -155 -621 -222 -984 -214 l-185 4 52 -33 c77 -48 309 -165 413 -208 561 -233 1216 -286 1834 -149 909 202 1658 834 2036 1719 161 378 242 750 251 1150 l3 180 73 58 c92 75 196 174 275 262 67 76 165 207 159 212 -2 2 -32 -8 -67 -22 -133 -54 -440 -132 -486 -123 -11 2 -3 12 26 31 76 50 211 189 268 275 50 74 123 221 123 247 0 6 -61 -20 -136 -57 -136 -66 -313 -130 -451 -163 l-73 -17 -61 56 c-234 217 -571 316 -882 260z"
                      ></path>
                    </g>
                  </svg>
                </a>
              </li>
              <li>
                <a href="#" target="_blank">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    version="1.0"
                    width="512.000000pt"
                    height="512.000000pt"
                    viewbox="0 0 512.000000 512.000000"
                    preserveaspectratio="xMidYMid meet"
                    class="fn__svg replaced-svg"
                  >
                    <g
                      transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
                      stroke="none"
                    >
                      <path
                        d="M2365 5114 c-266 -29 -428 -61 -617 -125 -759 -253 -1364 -859 -1617 -1617 -223 -667 -157 -1424 175 -2025 259 -469 649 -848 1106 -1074 59 -29 110 -53 113 -53 3 0 5 48 5 108 0 155 18 330 46 462 13 63 93 405 177 760 l153 645 -22 55 c-78 192 -76 505 5 693 51 118 161 240 256 283 139 64 305 46 398 -44 81 -78 117 -173 117 -307 0 -105 -23 -207 -113 -515 -102 -346 -105 -356 -116 -427 -20 -126 19 -244 110 -335 158 -158 442 -155 658 8 146 110 293 352 370 614 57 190 75 330 76 580 0 201 -2 234 -22 307 -93 346 -333 585 -678 673 -231 59 -534 54 -767 -14 -427 -124 -760 -508 -833 -959 -20 -120 -19 -298 1 -395 19 -94 78 -223 138 -303 63 -83 64 -102 23 -258 -49 -186 -74 -208 -184 -157 -211 99 -361 292 -437 563 -40 142 -50 227 -50 408 0 184 16 290 70 451 103 310 337 616 627 821 331 234 859 359 1318 313 289 -30 545 -121 783 -280 315 -211 527 -516 614 -884 24 -102 26 -129 26 -321 0 -290 -34 -501 -119 -745 -137 -391 -395 -701 -720 -863 -212 -105 -518 -146 -725 -97 -159 39 -321 137 -400 243 -30 40 -36 44 -42 28 -3 -10 -45 -169 -92 -353 -47 -184 -99 -374 -117 -424 -34 -98 -116 -267 -179 -369 -22 -36 -40 -69 -40 -73 0 -5 48 -20 108 -35 550 -136 1136 -87 1644 138 787 349 1359 1084 1492 1916 67 422 35 854 -94 1240 -308 919 -1115 1592 -2070 1724 -111 15 -473 28 -555 19z"
                      ></path>
                    </g>
                  </svg>
                </a>
              </li>
              <li>
                <a href="#" target="_blank">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    version="1.0"
                    width="512.000000pt"
                    height="512.000000pt"
                    viewbox="0 0 512.000000 512.000000"
                    preserveaspectratio="xMidYMid meet"
                    class="fn__svg replaced-svg"
                  >
                    <g
                      transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
                      stroke="none"
                    >
                      <path
                        d="M1218 5109 c-167 -20 -364 -85 -514 -170 -388 -223 -644 -611 -693 -1052 -15 -133 -15 -2521 0 -2654 71 -643 579 -1151 1222 -1222 133 -15 2521 -15 2654 0 643 71 1151 579 1222 1222 15 133 15 2521 0 2654 -71 643 -579 1151 -1222 1222 -118 13 -2554 13 -2669 0z m2892 -671 c150 -45 265 -177 290 -334 30 -185 -83 -378 -261 -445 -152 -58 -333 -17 -443 101 -231 247 -88 646 249 693 40 5 121 -2 165 -15z m-1366 -493 c309 -41 577 -174 802 -399 550 -550 550 -1422 0 -1972 -550 -550 -1422 -550 -1972 0 -550 550 -550 1422 0 1972 315 314 734 457 1170 399z"
                      ></path>
                      <path
                        d="M3965 4153 c-32 -8 -74 -54 -81 -89 -8 -46 19 -98 63 -119 46 -22 91 -13 128 25 45 47 36 130 -18 164 -27 17 -65 25 -92 19z"
                      ></path>
                      <path
                        d="M2394 3645 c-233 -36 -441 -142 -609 -310 -431 -430 -431 -1120 0 -1550 430 -431 1120 -431 1550 0 431 430 431 1120 0 1550 -249 249 -597 364 -941 310z"
                      ></path>
                    </g>
                  </svg>
                </a>
              </li>
            </ul>
          </div>
          <div class="menu-main-menu-container">
            <ul id="menu-main-menu-1" class="mobile_menu">
              <li
                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-117 current_page_item current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-130"
              >
                <a href="index.html">
                  <span>
                    <span>Home</span>
                    <span class="suffix">//</span>
                  </span>
                </a>
              </li>
              <li
                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"
              >
                <a href="#">
                  <span>
                    <span>Introduction</span>
                    <span class="suffix">//</span>
                  </span>
                </a>
              </li>
              <li
                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9"
              >
                <a href="">
                  <span>
                    <span>Metrics</span>
                    <span class="suffix">//</span>
                  </span>
                </a>

                <ul class="sub-menu">
                  <li class="menu-item">
                    <a href="metric-fp.html"
                      ><span
                        ><span>功能点度量</span
                        ><span class="suffix">//</span></span
                      ></a
                    >
                  </li>
                  <li class="menu-item">
                    <a href="metric-ucp.html"
                      ><span
                        ><span>用例点度量</span
                        ><span class="suffix">//</span></span
                      ></a
                    >
                  </li>
                  <li class="menu-item">
                    <a href="metric-cc.html"
                      ><span
                        ><span>圈复杂度度量</span
                        ><span class="suffix">//</span></span
                      ></a
                    >
                  </li>
                  <li class="menu-item">
                    <a href="metric-ck.html"
                      ><span
                        ><span>CK度量</span><span class="suffix">//</span></span
                      ></a
                    >
                  </li>
                  <li class="menu-item">
                    <a href="metric-lk.html"
                      ><span
                        ><span>LK度量</span><span class="suffix">//</span></span
                      ></a
                    >
                  </li>
                  <li class="menu-item">
                    <a href="metric-loc.html"
                      ><span
                        ><span>代码行度量</span
                        ><span class="suffix">//</span></span
                      ></a
                    >
                  </li>
                </ul>
              </li>
              <li
                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"
              >
                <a href="#">
                  <span>
                    <span>About</span>
                    <span class="suffix">//</span>
                  </span>
                </a>
                <ul class="sub-menu">
                  <li
                    class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-140"
                  >
                    <a href="contact.html">
                      <span>
                        <span>Contact</span>
                        <span class="suffix">//</span>
                      </span>
                    </a>
                  </li>
                  <li
                    class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-141"
                  >
                    <a href="error.html">
                      <span>
                        <span>404 Page</span>
                        <span class="suffix">//</span>
                      </span>
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!--================= Mobile Menu End Here =================-->

      <!--================= Gallery Post Start =================-->
      <div class="xoxo_fn_content">
        <div class="xoxo_fn_pages">
          <div class="xoxo_fn_page_ajax">
            <div class="xoxo_fn_singlepost">
              <div class="container">
                <div
                  class="xoxo_fn_blog_single"
                  data-post-title="It’s Not Just the Passing of a Queen"
                >
                  <div class="xoxo_fn_single">
                    <div class="xoxo_fn_hassidebar">
                      <div class="sidebarpage">
                        <div class="xoxo_fn_leftsidebar">
                          <div
                            class="xoxo_fn_pnb"
                            style="justify-content: center; min-height: 400px"
                          >
                            <div style="width: 100%">
                              <el-row
                                type="flex"
                                justify="center"
                                style="text-align: center"
                              >
                                <el-col :span="12">
                                  <div>
                                    <h3
                                      style="
                                        margin: 50px auto;
                                        margin-bottom: 30px;
                                        font-weight: 900;
                                      "
                                    >
                                      度量结果
                                    </h3>
                                    <el-button
                                      style="
                                        position: absolute;
                                        right: 2%;
                                        top: 5%;
                                      "
                                      type="text"
                                      >查看预览图</el-button
                                    >
                                  </div>
                                </el-col>
                              </el-row>
                              <el-row
                                type="flex"
                                justify="center"
                                style="text-align: center"
                              >
                                <el-col :span="22">
                                  <el-divider
                                    direction="horizontal"
                                    content-position="center"
                                  ></el-divider>
                                </el-col>
                              </el-row>
                              <el-row
                                type="flex"
                                justify="center"
                                style="text-align: center"
                              >
                                <el-col :span="24">
                                  <div
                                    id="lk_metric"
                                    style="
                                      width: 100%;
                                      height: 250px;
                                      position: relative;
                                      justify-content: center;
                                      align-content: center;
                                    "
                                  >
                                    <h4>未上传文件</h4>
                                  </div>
                                </el-col>
                              </el-row>
                            </div>
                          </div>
                        </div>
                        <div class="xoxo_fn_rightsidebar">
                          <div class="sidebar_in">
                            <div class="xoxo_fn_sidebar">
                              <div
                                class="widget_block clear widget_xoxo_author"
                                style="min-height: 400px"
                              >
                                <div class="wid-title">
                                  <span class="text">upload xml</span>
                                  <span class="icon"></span>
                                </div>
                                <div
                                  style="
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                  "
                                >
                                  <el-upload
                                    style="margin: 0 auto"
                                    :on-preview="handlePreview"
                                    :on-remove="handleRemove"
                                    :before-remove="beforeRemove"
                                    :on-change="handleChange"
                                    :file-list="fileList"
                                    :auto-upload="true"
                                    drag
                                    action="https://jsonplaceholder.typicode.com/posts/"
                                  >
                                    <i class="el-icon-upload"></i>
                                    <div class="el-upload__text">
                                      将文件拖到此处，或<em>点击上传</em>
                                    </div>
                                    <div slot="tip">
                                      <p
                                        style="
                                          margin-bottom: 0px;
                                          text-align: center;
                                        "
                                      >
                                        只能上传xml文件，例如：activity.xml
                                      </p>
                                    </div>
                                  </el-upload>
                                </div>

                                <el-button
                                  type="primary"
                                  size="default"
                                  @click="submitXMLFile()"
                                  style="
                                    width: 100px;
                                    position: absolute;
                                    bottom: 20px;
                                    left: calc(50% - 50px);
                                  "
                                  >提交文件</el-button
                                >
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
      </div>
      <!--================= Gallery Post End =================-->

      <!--================= Footer Area Start Here =================-->
      <!--================= Footer Area Start =================-->
      <footer id="xoxo_fn_footer">
        <div class="xoxo_fn_footer">
          <div class="footer_bottom">
            <div class="container">
              <div class="footer_btm_in">
                <span class="wing_left"></span>
                <span class="wing_right"></span>
                <div class="footer_copyright">
                  <p>
                    © 2023 <a href="javascript:;" target="_self">Reacthemes</a>,
                    All Rights Reserved.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
      <!--================= Footer Area End =================-->
      <!--================= Footer Area End Here =================-->

      <!--================= Script Start Here =================-->
      <!--================= Mouse Effect Start =================-->
      <div
        class="frenify-cursor cursor-outer"
        data-default="yes"
        data-link="yes"
        data-slider="no"
        style="visibility: visible; transform: translate(1591px, 538px)"
      >
        <span class="fn-cursor"></span>
      </div>
      <div
        class="frenify-cursor cursor-inner"
        data-default="yes"
        data-link="yes"
        data-slider="no"
        style="visibility: visible; transform: translate(360px, 544px)"
      >
        <span class="fn-cursor"
          ><span class="fn-left"></span><span class="fn-right"></span
        ></span>
      </div>
      <div class="loader-wrapper">
        <div class="loader"></div>
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
      </div>
      <!--================= Mouse Effect Start =================-->

      <!--================= Scroll to Top Start =================-->
      <a class="xoxo_fn_totop active">
        <span class="progress_wrapper">
          <span class="progress" style="height: 91.8187%"></span>
        </span>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          version="1.1"
          x="0px"
          y="0px"
          viewbox="0 0 557.97 1061"
          style="enable-background: new 0 0 557.97 1061"
          xml:space="preserve"
          class="fn__svg replaced-svg"
        >
          <path
            d="M557.97,554.2c0,4.13,0,8.26,0,12.39c-0.37,2.83-0.75,5.66-1.11,8.49c-2.47,19.12-10.14,35.74-23.81,49.46  c-1.02,1.02-2.42,1.87-3.79,2.31c-8.96,2.89-18.12,3.28-27.38,1.91c-13.68-2.03-26.18-7.3-38.1-14.08  c-21.62-12.31-40.29-28.39-57.82-45.86c-28.44-28.34-53.31-59.63-76.03-92.68c-0.61-0.89-1.29-1.73-2.3-3.08  c-0.1,1.2-0.17,1.63-0.17,2.06c0.03,32.31-0.98,64.6-3.29,96.83c-1.56,21.73-3.32,43.46-5.57,65.13  c-2.71,26.12-6.58,52.09-11.66,77.88c-6.4,32.52-15.07,64.34-28.3,94.82c-22.74,52.42-51.12,101.67-83.67,148.55  c-17.42,25.09-35.96,49.32-57.81,70.77c-14.1,13.84-28.57,27.36-48.82,31.92c-1.97,0-3.95,0-5.92,0c-3.98-1.33-7.87-2.73-10.95-5.86  c-5.86-5.95-8.47-13.2-8.88-21.34c-0.68-13.44,2.95-26.11,7.27-38.6c7.44-21.55,17.29-42.09,27.01-62.67  c14.89-31.52,29.92-62.97,43.1-95.26c17.4-42.65,30.2-86.59,37.18-132.14c3.19-20.81,5.97-41.71,8.22-62.64  c2.09-19.52,3.54-39.12,4.7-58.73c1.05-17.73,1.42-35.5,1.92-53.26c0.95-34.02,0.14-68.02-1.36-102c-0.16-3.52-0.46-7.03-0.7-10.54  c-1.06,0.87-1.57,1.78-2.04,2.72c-18.76,36.7-39.4,72.27-63.39,105.83c-13.17,18.43-27.28,36.08-44.08,51.41  c-9.45,8.62-19.55,16.34-31.6,21.09c-7.23,2.86-14.69,4.16-22.4,2.77c-13.71-2.47-20.98-11.51-24.1-24.42  c-1.07-4.42-1.54-8.97-2.29-13.47c0-4.49,0-8.98,0-13.46c0.18-0.86,0.42-1.72,0.53-2.59c1.04-8.27,1.79-16.58,3.14-24.79  c3.57-21.68,9.15-42.91,15.05-64.05c9.97-35.71,20.36-71.3,30.05-107.09c9.64-35.6,17.21-71.58,18.86-108.63  c1.27-28.54,0.95-57.05,0.09-85.58c-0.86-28.33-2.7-56.65-1.36-85.02c0.56-11.84,1.68-23.63,4.84-35.09  C75.99,20.25,84.24,5.72,102.87,0c1.8,0,3.59,0,5.39,0c5.02,1.57,10.2,2.77,15.04,4.79c10.07,4.19,19.11,10.23,27.92,16.58  c22.42,16.14,42.81,34.66,62.61,53.83c49.96,48.37,96.11,100.26,141.08,153.24c9.64,11.35,18.66,23.27,28.83,34.13  c38.53,41.13,74.39,84.4,106,131.1c19.59,28.93,37.26,58.96,50.61,91.35c7.53,18.28,13.53,37.01,16.13,56.7  C557.02,545.87,557.47,550.04,557.97,554.2z"
          ></path>
        </svg>
      </a>
      <!--================= Scroll to Top End =================-->
    </div>
    <!--================= jquery lastest version =================-->
    <script src="assets/js/jquery.min.js"></script>
    <!--================= Isotop JS =================-->
    <script src="assets/js/isotope.js"></script>
    <!--================= Magnific Popup JS =================-->
    <script src="assets/js/magnific.popup.js"></script>
    <!--================= Modernizr JS =================-->
    <script src="assets/js/modernizr.custom.js"></script>
    <!--================= Swiper JS =================-->
    <script src="assets/js/swiper.js"></script>
    <!--================= Main JS =================-->
    <script src="assets/js/main.js"></script>
    <!--================= Vue JS ==================-->
    <script src="assets/js/vue.js"></script>
    <!--================= Element UI JS ==================-->
    <script src="assets/js/element-ui.js"></script>
    <!--================= ECharts JS ==================-->
    <script src="assets/js/echarts.min.js"></script>
    <!--================= Script End Here =================-->

    <!--================= Vue Here =================-->
    <script>
      const app = new Vue({
        el: "#app",
        data() {
          return {
            fileList: [
              // {
              //   name: "activity.xml",
              //   url: "./test-file/cc.xml",
              // },
            ],
            fileContent: "",
            fullscreenLoading: false,
            canSubmit: false,
          };
        },
        methods: {
          handleRemove(file, fileList) {
            console.log(file, fileList);
            this.fileName = "";
          },
          handlePreview(file) {
            console.log(file);
          },
          beforeRemove(file, fileList) {
            return this.$confirm(`确定移除 ${file.name}？`);
          },
          handleChange(file, fileList) {
            if (fileList.length == 2) {
              //只保留最新的文件
              fileList.shift();
            }
            this.file = file.raw;
            this.fileList = fileList;
            this.canSubmit = true;
          },
          submitXMLFile() {
            if (this.canSubmit) {
              var nameList = new Array();
              var totalNumberOfMethodList = new Array();
              var totalNumberOfAttrList = new Array();
              var nooList = new Array();
              var noaList = new Array();
              var siList = new Array();
              let fileReader = new FileReader();
              fileReader.readAsText(this.file, "UTF-8");
              fileReader.onload = async (e) => {
                try {
                  this.fileContent = e.target.result;
                  console.log(this.fileContent);
                  $.ajax({
                    url: "http://127.0.0.1:8080/LKMetrics",
                    type: "post",
                    async: false, //使用同步的方式,true为异步方式
                    processData: false,
                    data: this.fileContent,
                    contentType: "application/xml",
                    success: function (res) {
                      const loading = app.$loading({
                        lock: true,
                        text: "Loading",
                        spinner: "el-icon-loading",
                        background: "rgba(0, 0, 0, 0.7)",
                      });
                      setTimeout(() => {
                        loading.close();
                        console.log(res);
                        app.$message({
                          message: "xml文件解析成功",
                          type: "success",
                        });
                        $(res)
                          .find("result")
                          .each(function (i) {
                            nameList.push($(this).children("name").text());
                            totalNumberOfMethodList.push(
                              $(this).children("totalNumberOfMethod").text()
                            );
                            totalNumberOfAttrList.push(
                              $(this).children("totalNumberOfAttr").text()
                            );
                            nooList.push($(this).children("noo").text());
                            noaList.push($(this).children("noa").text());
                            siList.push(
                              parseFloat($(this).children("si").text()).toFixed(
                                2
                              )
                            );
                          });

                        console.log(nameList);

                        // 基于准备好的dom，初始化echarts实例
                        var myChart = echarts.init(
                          document.getElementById("lk_metric"),
                          "light"
                        );

                        // 指定图表的配置项和数据
                        var option = {
                          title: {
                            text: "面向对象CK度量方法",
                            x: "center",
                            y: "top",
                          },
                          tooltip: {},
                          legend: {
                            data: [
                              "TotalNumberOfMethod",
                              "TotalNumberOfAttr",
                              "NOO",
                              "NOA",
                              "SI",
                            ],
                            x: "center",
                            y: "bottom",
                          },
                          xAxis: [
                            {
                              data: nameList,
                              axisLabel: {
                                interval: 0,
                                textStyle: {
                                  fontSize: 12,
                                  fontWeight: "bolder",
                                  color: "#333", // 主标题文字颜色
                                },
                              },
                            },
                          ],
                          yAxis: {},
                          series: [
                            {
                              name: "TotalNumberOfMethod",
                              label: {
                                show: true, // 开启显示
                                rotate: 0, // 旋转70度
                                position: "top", // 在上方显示
                                distance: 10, // 距离图形元素的距离。当 position 为字符描述值（如 'top'、'insideRight'）时候有效。
                                verticalAlign: "middle",
                                textStyle: {
                                  // 数值样式
                                  color: "black",
                                  fontWeight: "bolder",
                                  fontSize: 12,
                                },
                              },
                              type: "bar",
                              data: totalNumberOfMethodList,
                            },
                            {
                              name: "TotalNumberOfAttr",
                              label: {
                                show: true, // 开启显示
                                rotate: 0, // 旋转70度
                                position: "top", // 在上方显示
                                distance: 10, // 距离图形元素的距离。当 position 为字符描述值（如 'top'、'insideRight'）时候有效。
                                verticalAlign: "middle",
                                textStyle: {
                                  // 数值样式
                                  color: "black",
                                  fontWeight: "bolder",
                                  fontSize: 12,
                                },
                              },
                              type: "bar",
                              data: totalNumberOfAttrList,
                            },
                            {
                              name: "NOO",
                              label: {
                                show: true, // 开启显示
                                rotate: 0, // 旋转70度
                                position: "top", // 在上方显示
                                distance: 10, // 距离图形元素的距离。当 position 为字符描述值（如 'top'、'insideRight'）时候有效。
                                verticalAlign: "middle",
                                textStyle: {
                                  // 数值样式
                                  color: "black",
                                  fontWeight: "bolder",
                                  fontSize: 12,
                                },
                              },
                              type: "bar",
                              data: nooList,
                            },
                            {
                              name: "NOA",
                              label: {
                                show: true, // 开启显示
                                rotate: 0, // 旋转70度
                                position: "top", // 在上方显示
                                distance: 10, // 距离图形元素的距离。当 position 为字符描述值（如 'top'、'insideRight'）时候有效。
                                verticalAlign: "middle",
                                textStyle: {
                                  // 数值样式
                                  color: "black",
                                  fontWeight: "bolder",
                                  fontSize: 12,
                                },
                              },
                              type: "bar",
                              data: noaList,
                            },
                            {
                              name: "SI",
                              label: {
                                show: true, // 开启显示
                                rotate: 0, // 旋转70度
                                position: "top", // 在上方显示
                                distance: 10, // 距离图形元素的距离。当 position 为字符描述值（如 'top'、'insideRight'）时候有效。
                                verticalAlign: "middle",
                                textStyle: {
                                  // 数值样式
                                  color: "black",
                                  fontWeight: "bolder",
                                  fontSize: 12,
                                },
                              },
                              type: "bar",
                              data: siList,
                            },
                          ],
                        };

                        // 使用刚指定的配置项和数据显示图表。
                        myChart.setOption(option);
                      }, 1500);
                    },
                    error: function (data) {
                      console.log(data);
                    },
                  });
                } catch (e) {
                  console.log(e);
                  return this.$message.error(`文件内容解析错误`);
                }
              };
            } else {
              this.$message({
                message: "请上传XML文件！",
                type: "warning",
              });
            }
          },
        },
      });
    </script>
  </body>
</html>
